import uniqueId from '@form-create/utils/lib/unique';
import {localeProps, makeRequiredRule} from '../../utils';

const label = '开关';
const name = 'a-switch';

export default {
  icon: 'icon-switch',
  label,
  name,
  rule({t}) {
    return {
      type: name,
      field: uniqueId(),
      title: t('components.switch.name'),
      info: '',
      $required: false,
      props: {},
    };
  },
  props(_, {t}) {
    return localeProps(t, name + '.props', [
      makeRequiredRule(),
      {
        type: 'switch',
        field: 'disabled',
        title: '是否禁用'
      },
      {
        type: 'select',
        field: 'type',
        title: '开关的类型',
        value: 'circle',
        options: [
          {
            label: '圆形',
            value: 'circle'
          },
          {
            label: '圆角',
            value: 'round'
          },
          {
            label: '线性',
            value: 'line'
          }
        ]
      },
      {
        type: 'input',
        field: 'checkedText',
        title: 'switch 打开时的文字描述'
      },
      {
        type: 'input',
        field: 'uncheckedText',
        title: 'switch 关闭时的文字描述'
      },
      {
        type: 'input',
        field: 'checkedValue',
        title: 'switch 打开时的值'
      },
      {
        type: 'input',
        field: 'uncheckedValue',
        title: 'switch 关闭时的值'
      },
      {
        type: 'ColorInput',
        field: 'checkedColor',
        title: 'switch 打开时的背景色'
      },
      {
        type: 'ColorInput',
        field: 'uncheckedColor',
        title: 'switch 关闭时的背景色'
      }
    ]);
  }
};
